
#body1>.heart{
    height: 100px;
}
#body1>.heart>.flag{
    float: left;
    height: 100px;
    width: 200px;
    background: orange;
    text-align: center;
    line-height: 100px;
    font-size: 52px;
}
#body1>.heart>.search{
    float: left;
    height: 100px;
    width: 1000px;
}
#body1>.heart>.search>.searchForm{
    height: 50px;
    position:relative;
}
#body1>.heart>.search>.searchForm span{
    position: absolute;
    top: 3px;
    right: 362px;
    display: inline-block;
    width: 52px;
    height: 40px;
    border: 2px solid #ff6600;
    background: #ff6600;
    background-image: url(../img/bgicon.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
#body1>.heart>.search>.searchForm input{
   width: 388px;
   height: 40px;
   border: 2px solid #ff6600;
   margin-top: 3px;
   margin-left: 190px;
   margin-right: 150px;
   font-size:16px;
   color: #bfbfbf;
}

 #body1>.heart>.search>.searchForm a{
    display: inline-block;
    width: 106px;
    height: 40px;
    border: 2px solid #ff6600;
    margin-top: 3px;
    background: #ff6600;
    background-image: url("../img/bgicon.png");
    background-repeat: no-repeat;
    background-position:0px -37px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
 }
 #body1>.heart>.search>.searchForm .management{
     background: #ebebeb;
     font-size: 16px;
     color: #808080;
     border: 2px solid #ebebeb;
 }
 #body1>.heart .variety{
    padding-top: 26px;
 }
#body1>.heart a{
    display: inline-block;
    font-size: 14px;
    color: #323232;
    padding: 0px 5px;
    font-weight: bold;
    position: relative;
}
#body1>.heart a>div{
    width: 64px;
    height: 200px;
    position: absolute;
    z-index: 3;
    top: 22px;
    display: none;
}
#body1>.heart a>div>p{
    border-bottom: 2px solid orange;
    background-image: url("../img/logo13_11.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 63px;
    height: 24px;
}








#body2>.idolader{
    position: relative;
}
#body2 .worship{
    width: 1200px;
    height: 800px;
}
#body2 .worship p{
    width: 1200px;
    height: 800px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}
#body2 .worship .p1{
    background-image: url("../img/1607657245398.jpg");

}
#body2 .worship .p2{
    background-image: url("../img/1607657349536.jpg");
    
}
#body2 .worship .p3{
    background-image: url("../img/1614836416264.png");
    
}
#body2 .worship .p4{
    
    background-image: url("../img/1607933113521.jpg");
}
#body2 .worship .p5{
    background-image: url("../img/1598877078593.jpg");
    
}
#body2 .worship .chose{
    display: block;
}
#body2>.idolader ul{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 500px;
    height: 50px;
    margin: auto;
}
#body2>.idolader ul li{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: yellow;
}
#body2>.idolader ul .lis{
    background: #ff6600;
}




#body3{
    margin-top: 100px;
}
#body3>.heart{
    height: 600px;
    background: green;
}
#body3>.heart>.subnet{
    height: 600px;
    width: 300px;
    float: left;
}
#body3>.heart>.subnet>ul{
    height: 300px;
    width: 300px;
    position: relative;
}
#body3>.heart>.subnet>ul li{
    height: 46px;
    width: 298px;
    background: goldenrod;
    border: 2px solid goldenrod;
    border-right: 0px;
    text-align: center;
    line-height: 46px;
    color: white;
}
#body3>.heart>.subnet>ul li span{
    display: block;
    position: relative;
}
#body3>.heart>.subnet>ul li a{
    display: block;
}
#body3>.heart>.subnet>ul .menue{
    width: 298px;
    border: 2px solid red;
    color: black;
}
#body3>.heart>.subnet>ul li div{
    position: absolute;
    top: 0;
    right: -400px;
    height: 596px;
    width: 400px;
    border: 2px solid red;
    display: none;
    background: white; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
#body3>.heart>.subnet>ul .menue a{
    background: white;           
    position: absolute;
    width: 300px;
    z-index: 3;
}
#body3>.heart>.subnet>ul li .imgss1{
    background-image: url("../img/1590315328323.jpg");
}
#body3>.heart>.subnet>ul li .imgss2{
    background-image: url("../img/1607933020985.jpg");
}
#body3>.heart>.subnet>ul li .imgss3{
    background-image: url("../img/1610439285104.png");
}
#body3>.heart>.subnet>ul li .imgss4{
    background-image: url("../img/1614836300098.png");
}
#body3>.heart>.subnet>ul li .imgss5{
    background-image: url("../img/1614836680703.png");
}
#body3>.heart>.subnet>ul li .imgss6{
    background-image: url("../img/1614926672142.jpg");
}
#body3>.heart>.subnet>.sunnit{
    height: 300px;
    width: 300px;
}
#body3>.heart>.subnet>.sunnit ul{
    height: 50px;
    width: 300px;
}
#body3>.heart>.subnet>.sunnit ul li{
    float: left;
    height: 50px;
    width: 100px;
    background: blue;
    color: white;
    font-size: 28px;
    text-align: center;
    line-height: 50px;
}
#body3>.heart>.subnet>.sunnit div{
    height: 250px;
    width: 300px;
    background: red;
    position: relative;
    font-size: 42px;
    text-align: center;
    line-height: 105px;
}
#body3>.heart>.subnet>.sunnit div p{
    position: absolute;
    top: 0;
    right: 0;
    height: 250px;
    width: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

#body3>.heart>.subnet>.sunnit div .p1{
    background-image: url("../img/1614926672142.jpg");

}
#body3>.heart>.subnet>.sunnit div .p2{
    background-image: url("../img/1602491386244.jpg");
}
#body3>.heart>.subnet>.sunnit div .p3{
    background-image: url("../img/1602491516729.jpg");
}



#body3>.heart>.slideshow{
    height: 600px;
    width: 900px;
    background: rgb(185, 37, 166);
    float: left;
    position: relative;
}
#body3>.heart>.slideshow>ul{
    position: absolute;
    top: 550px;
    left: 50%;
}
#body3>.heart>.slideshow ul li{
    float: left;
    height: 40px;
    width: 40px;
    background: blue;
    border-radius: 50%;
    margin: 0px 5px;
}
#body3>.heart>.slideshow ul .shouli{
    display: block;
    background:red;
}
#body3>.heart>.slideshow .feature{
    height: 600px;
    width: 900px;
}
#body3>.heart>.slideshow .feature p{
    height: 600px;
    width: 900px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
} 
#body3>.heart>.slideshow .feature .showp{
    display: block;
}
#body3>.heart>.slideshow .feature .p1{
    background-image: url("../img/u=177415360\,3516300968&fm=26&gp=0.jpg");
}
#body3>.heart>.slideshow .feature .p2{
    background-image: url("../img/u=230144754\,2385315017&fm=26&gp=0.jpg");
}
#body3>.heart>.slideshow .feature .p3{
    background-image: url("../img/u=350276792\,1875185979&fm=26&gp=0.jpg");
}


#body4>.heart{
    padding-top: 60px;
}
#body4>.heart>.shelfie{
    width: 900px;
    height: 500px;
    float: left;
}
#body4>.heart>.shelfie>.tabControl{
    width: 900px;
    height: 50px;
    border-bottom: 5px solid #ff6600;
    font-size: 22px;
    line-height: 50px;
}
#body4>.heart>.shelfie>.tabControl>.leftMost{
    width: 200px;
    height: 50px;
    float: left;
}
#body4>.heart>.shelfie>.tabControl>.rightMost{
    float: right;
    width: 300px;
    height: 50px;
}

#body4>.heart .rightMost>.show{
    background: #ff6600;
    padding-bottom: 11px;
}
#body4>.heart>.shelfie .books{
    width: 900px;
    height: 450px;
}
#body4>.heart>.shelfie .books p{
    width: 900px;
    height: 450px;
    display: none;
}
#body4>.heart>.shelfie .books .p2{
    width: 900px;
    height: 450px;
    background-image: url("../img/biautiful/u=3863275701\,1301525470&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.shelfie .books .p3{
    width: 900px;
    height: 450px;
    background-image: url("../img/biautiful/u=3835705438\,529097111&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.shelfie .books .showp{
    display: block;
}
#body4>.heart>.shelfie .books p>.one{
    display: inline-block;
    width: 240px;
    height: 450px;
}
#body4>.heart>.shelfie .books p>.one i{
    display: inline-block;
    width: 240px;
    height: 250px;
    background: #907bc2;
    display: none;
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.shelfie .books p>.one>.transurethral{
    display: inline-block;
    width: 240px;
    height: 200px;
}
#body4>.heart>.shelfie .books p>.one>.transurethral a{
    display: inline-block;
    width: 75px;
    height: 46px;
    text-align: center;
    line-height: 72px;
    color: brown;
}
#body4>.heart>.shelfie .books p>.one>.transurethral .aa{
    background: yellow;
    color: black;
    font-weight: bold;
    border-radius: 50% 50% 0 0;
}
#body4>.heart>.shelfie .books p>.one .i1{
    background-image: url("../img/1590315328323.jpg");
}
#body4>.heart>.shelfie .books p>.one .i2{
    background-image: url("../img/1598877078593.jpg");
}
#body4>.heart>.shelfie .books p>.one .i3{
    background-image: url("../img/1602491386244.jpg");
}
#body4>.heart>.shelfie .books p>.one .i4{
    background-image: url("../img/1602491516729.jpg");
}
#body4>.heart>.shelfie .books p>.one .i5{
    background-image: url("../img/1606899412372.jpg");
}
#body4>.heart>.shelfie .books p>.one .i6{
    background-image: url("../img/1607657245398.jpg");
}
#body4>.heart>.shelfie .books p>.one .i7{
    background-image: url("../img/1607657349536.jpg");
}
#body4>.heart>.shelfie .books p>.one .i8{
    background-image: url("../img/1607933020985.jpg");
}
#body4>.heart>.shelfie .books p>.one .i9{
    background-image: url("../img/1607933113521.jpg");
}
#body4>.heart>.shelfie .books p>.one .i10{
    background-image: url("../img/1609917348736.jpg");
}
#body4>.heart>.shelfie .books p>.one .i11{
    background-image: url("../img/1610439285104.png");
}
#body4>.heart>.shelfie .books p>.one .i12{
    background-image: url("../img/1614836300098.png");
}
#body4>.heart>.shelfie .books p>.one .peach{
    display: block;
}
#body4>.heart>.shelfie .books p>.two{
    display: inline-block;
    width: 400px;
    height: 450px;
}
#body4>.heart>.shelfie .books p>.two>.crowded{
    display: inline-block;
    width: 400px;
    height: 250px;
    background: #696262;
    position: relative;
}
/* ================================================= */
#body4>.heart>.shelfie .books p>.two>.crowded>b{
    display: inline-block;
    width: 400px;
    height: 250px;
    background: #696262;
    overflow: hidden;
}
#body4>.heart>.shelfie .books p>.two>.crowded>b .peachers{
    display: inline-block;
    width: 400px;
    height: 250px;
    background: #696262;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.shelfie .books p>.two>.crowded>b .btf1{
    background-image: url("../img/biautiful/u=1113842789\,4994413&fm=26&gp=0.jpg");
}
#body4>.heart>.shelfie .books p>.two>.crowded>b .btf2{
    background-image: url("../img/biautiful/u=1125003363\,433976037&fm=26&gp=0.jpg");
}
#body4>.heart>.shelfie .books p>.two>.crowded>b .btf3{
    background-image: url("../img/biautiful/u=1306508493\,2006189766&fm=26&gp=0.jpg");
}
#body4>.heart>.shelfie .books p>.two>.crowded>i{
    display: inline-block;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 75%;
}

#body4>.heart>.shelfie .books p>.two>.crowded>i>span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 75%;
    background: whitesmoke;
}
#body4>.heart>.shelfie .books p>.two>.crowded>i .red{
    background: red;
}

/* ================================================= */







#body4>.heart>.shelfie .books p>.two>.moral{
    display: inline-block;
    width: 400px;
    height: 200px;
    background: #696262;
    background-image: url("../img/1614908648347.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.shelfie .books p>.three{
    display: inline-block;
    width: 250px;
    height: 450px;
    background: #808080;
    background-image: url("../img/1614926672142.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.bookrack{
    width: 300px;
    height: 500px;
    float: left;
}
#body4>.heart>.bookrack>dl{
    width: 300px;
    height: 500px;
}
#body4>.heart>.bookrack>dl dt{
    text-align: center;
    line-height: 50px;
    font-size: 33px;
    width: 300px;
    height: 50px;
    background: rgb(38, 156, 137);
}
#body4>.heart>.bookrack>dl dd{
    width: 300px;
    height: 312px;
    background: #ff6600;
    display: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body4>.heart>.bookrack>dl .dd1{
    background-image: url("../img/biautiful/u=13553501\,3831476935&fm=26&gp=0.jpg");
}
#body4>.heart>.bookrack>dl .dd2{
    background-image: url("../img/biautiful/u=1524997354\,537069413&fm=26&gp=0.jpg");
}
#body4>.heart>.bookrack>dl .dd3{
    background-image: url("../img/biautiful/u=1614155195\,2364460907&fm=26&gp=0.jpg");
}
#body4>.heart>.bookrack>dl .dd4{
    background-image: url("../img/biautiful/u=1678495563\,1310763494&fm=26&gp=0.jpg");
}
#body4>.heart>.bookrack>dl .close{
    display: block;
}
#body4>.heart>.bookrack>dl .reveal{
    background: red;
    color: white;
}


#body5>.navigation{
    height: 50px;
    padding-top: 100px;
    text-align: right;
    line-height: 50px;
    font-size: 25px;
    border-bottom: 5px solid #ff6600;
}
#body5>.navigation>.star{
    width: 58px;
    float: left;
}
#body5>.navigation>.celebrity{
    width: 450px;
    float: right;
}
#body5>.navigation>.celebrity .orange{
    background: #ff6600;
    padding: 12px;
    border-radius: 65% 0% 0 0;
}
#body5>.depot{
    height: 510px;
}
#body5>.depot .atlas{
    height: 510px;
    display: none;
}
#body5>.depot .wrips{
    display: block;
}
#body5>.depot>.one{
    height: 510px;
}
#body5>.depot>.one>.engage{
    height: 510px;
    width: 250px;
    float: left;
}
#body5>.depot>.one>.engage>.gather1{
    height: 310px;
    width: 250px;
}
#body5>.depot>.one>.engage .atlts{
    height: 310px;
    width: 250px;
    background: #e6b411;
    display: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body5>.depot>.one>.engage .atlts1{
    background-image: url("../img/biautiful/u=1306508493\,2006189766&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts2{
    background-image: url("../img/biautiful/u=1125003363\,433976037&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts3{
    background-image: url("../img/biautiful/u=133345767\,144481895&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts4{
    background-image: url("../img/biautiful/u=13553501\,3831476935&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts5{
    background-image: url("../img/biautiful/u=1524997354\,537069413&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts6{
    background-image: url("../img/biautiful/u=1614155195\,2364460907&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts7{
    background-image: url("../img/biautiful/u=1678495563\,1310763494&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts8{
    background-image: url("../img/biautiful/u=170048188\,945719089&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts9{
    background-image: url("../img/biautiful/u=177415360\,3516300968&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts10{
    background-image: url("../img/biautiful/u=1828519787\,622544278&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts11{
    background-image: url("../img/biautiful/u=1841702364\,2616919033&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .atlts12{
    background-image: url("../img/biautiful/u=1905771479\,1134609063&fm=26&gp=0.jpg");
}
#body5>.depot>.one>.engage .screen{
    display: block;
}
#body5>.depot>.one>.engage>.gather2{
    height: 200px;
    width: 250px;
}
#body5>.depot>.one>.engage .photos{
    float: left;
    height: 50px;
    width: 83px;
    background: #cec3b8;
    text-align: center;
    line-height: 50px;
    

}
#body5>.depot>.one>.engage .reveals{
    display: block;
    background: red;
    color: white;
    border-radius: 50%;
}

#body5>.depot>.one>.appoin{
    height: 510px;
    width: 450px;   
    background: #1c1cda;
    float: left;
}
#body5>.depot>.one>.appoin>.father{
    height: 300px;
    width: 450px;
    position: relative;
}
#body5>.depot>.one>.appoin>.father>.talte{
    height: 300px;
    width: 450px;
}
#body5>.depot>.one>.appoin>.father>.talte>.phone{
    height: 300px;
    width: 450px;
    background: yellowgreen;
    display: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body5>.depot>.one>.appoin>.father>.talte>.phone1{
    background-image: url("../img/1590315328323.jpg");
}
#body5>.depot>.one>.appoin>.father>.talte>.phone2{
    background-image: url("../img/1598877078593.jpg");
}
#body5>.depot>.one>.appoin>.father>.talte>.phone3{
    background-image: url("../img/1602491386244.jpg");
}
#body5>.depot>.one>.appoin>.father>.talte>.phone4{
    background-image: url("../img/1602491516729.jpg");
}
#body5>.depot>.one>.appoin>.father>.talte>.phones{
    display: block;
}
#body5>.depot>.one>.appoin>.father>.brandish{
    height: 50px;
    width: 450px;
    position: absolute;
    top: 236px;
    background: rgba(1,1,1,0.3);
    font-size: 36px;
}
#body5>.depot>.one>.appoin>.father>.brandish .tomato{
    height: 50px;
    width: 50px;
    background: red;
    border-radius: 94% 20% 102% 40%;
    float: left;
}
#body5>.depot>.one>.appoin>.father>.brandish .tomatos{
    background: yellow;
}
#body5>.depot>.one>.appoin>.month{
    height: 210px;
    width: 450px;
    background-image: url("../img/biautiful/u=3907187757\,1093530811&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#body5>.depot>.one>.ddinde{
    height: 510px;
    width: 500px;
    float: left;
    background-image: url("../img/biautiful/u=3918411575\,3419029029&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


#body5>.depot>.two{
    height: 510px;
    background-image: url("../img/biautiful/u=3907187757\,1093530811&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body5>.depot>.three{
    height: 510px;
    background-image: url("../img/biautiful/u=3894681805\,3572827765&fm=26&gp=0.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#body5>.logoGroup{
    height: 66px;
}
#body5>.logoGroup .logo{
    height: 66px;
    width: 133px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
}
#body5>.logoGroup .logo1{
    background-image: url("../img/biautiful/u=170048188\,945719089&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo2{
    background-image: url("../img/biautiful/u=177415360\,3516300968&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo3{
    background-image: url("../img/biautiful/u=1828519787\,622544278&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo4{
    background-image: url("../img/biautiful/u=1841702364\,2616919033&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo5{
    background-image: url("../img/biautiful/u=1841702364\,2616919033&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo6{
    background-image: url("../img/biautiful/u=1841702364\,2616919033&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo7{
    background-image: url("../img/biautiful/u=1905771479\,1134609063&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo8{
    background-image: url("../img/biautiful/u=1939033498\,1381103637&fm=26&gp=0.jpg");
}
#body5>.logoGroup .logo9{
    background-image: url("../img/biautiful/u=2119216127\,753105151&fm=26&gp=0.jpg");
}



/* 蒙层 */
#layer{
    width: 100%;
    height: 800px;
    position: fixed;
    background: rgba(1,1,1,0.9);
    top: 0;
    left: 0;
}
body{
    position: relative;
}
#layer>.gaine{
    width: 300px;
    height: 300px;
    margin: auto;
    margin-top: 250px;
    border: 5px solid blue;
}
#layer>.gaine>.money{
    width: 300px;
    height: 235px;
    background-image: url("../img/32.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#layer>.gaine>.character{
    width: 300px;
    height: 65px;
    background: red;
    color: white;
    text-align: center;
    line-height: 65px;
    font-size: 50px;
}
.layers{
    display: none;
}

#floorPlan{
    position: fixed;
    top: 50%;
    min-width: 50px;
    min-height: 200px;
    right: 0px;
}
#floorPlan .analog{
    width: 70px;
    height: 40px;
    background: red;
    margin-bottom: 2px;
    text-align: center;
    line-height: 40px;
    border-radius: 6px;
}
#floorPlan .analogs{
    display: none;
}
#floorPlan .product{
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 50%;
    position: relative;
}#floorPlan .products{
    background: green;
}
#floorPlan .product>ul{
    min-width: 70px;
    min-height: 228px;
    background: blue;
    border-radius: 60% 60% 0 0;
    top: -227px;
    position: absolute;
    display: none;
}
#floorPlan .product>.uls{
    display: block;
}
#floorPlan .product>ul li{
    width: 70px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
#floorPlan .product>ul .index{
    width: 70px;
    height: 40px;
    margin-top: 28px;
}





